<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="wrap-up">
        <!-- log -->
        <h2>
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-fishing"></use>
            </svg> SaltedFish-BackStage
        </h2>
        <!-- 登录状态显示 -->
        <ul class="title">
            <li><img src="" alt="" id="avatar"></li>
            <li id="littleMenu">xxx</li>
            <ul class="setting" id="setting" style="display: none;">
                <li id="changePwd">
                    <svg class="icon1" aria-hidden="true">
                        <use xlink:href="#icon-shezhi"></use>
                    </svg><span id="settingPwd">设置密码</span>
                </li>
                <li id="logout">
                    <svg class="icon1" aria-hidden="true">
                        <use xlink:href="#icon-logout"></use>
                    </svg><span>退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出</span>
                </li>
            </ul>
        </ul>
    </div>
    <!-- 身体 -->
    <div class="warp-down">
        <!-- 侧边导航栏 -->
        <div id="menu">
            <dl>
                <dt><span>Menu</span></dt>
                <dd>
                    <a href="#">
                        <span class="iconfont icon-yonghuguanli_huaban"></span>普通用户管理模块
                    </a>
                    <div class="toggle">
                        <div>
                            <a href="./userList.html" target="main">
                                <span class="iconfont icon-yonghuguanli_huaban"></span>用户管理</a>
                        </div>
                    </div>
                </dd>
                <dd>
                    <a href="./goodsList.html" target="main">
                        <span class="iconfont icon-shangpin"></span>商品管理模块
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <span class="iconfont icon-guanliyuan"></span>后台管理员模块
                    </a>
                    <div class="toggle">
                        <div>
                            <a href="./listAdmin.html" target="main">
                                <span class="iconfont icon-guanliyuan"></span>管理员列表
                            </a>
                        </div>
                        <div>
                            <a href="javascript:void(0)" id="addAdmin">
                                <span class="iconfont icon-xinzengguanliyuan"></span> 添加管理员
                            </a>
                        </div>
                    </div>
                </dd>
                <dd>
                    <a href="http://localhost:85">
                        <span class="iconfont icon-fishing"></span>前端商城系统
                    </a>
                </dd>
            </dl>
        </div>
        <div id="main">
            <iframe src="" frameborder="0" name="main" id="targetMain"></iframe>
        </div>
    </div>
    <!-- 管理员修改密码模态框 -->
    <div class="pwdModal" id="pwdModal">
        <form action="#" id="pwdForm">
            <h4>修改密码</h4>
            <div>
                原始密码：<input type="password" name="oldPwd" class="oldPwd" id="oldPwd">
            </div>
            <div>
                新密码:<input type="password" name="newPwd" class="newPwd" id="newPwd">
            </div>
            <div>
                <button class="closePwdModal" id="closePwdModal" name="close">关闭</button>
                <button type="submit" class="savePwdModal" id="savePwdModal" name="submit">保存</button>
            </div>
        </form>
    </div>
</body>

</html>